<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta name="author" content="" />
	<meta name="description" content="" />
	<meta name="viewport" content="width=device-width, user-scalable=no" />
	<!-- "position: fixed" fix for Android 2.2+ -->
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	<script type="text/javascript" src="../header.js"></script>
	<script type="text/javascript" src="../redips-drag-min.js"></script>
	<title>fast event window</title>
	<style>
		/* drag objects border for the first table */.t1
		{
			border: 2px solid #499B33;
		}
		/* drag object border for the second table */.t2
		{
			border: 2px solid SteelBlue;
		}
		/* cloned objects - third table */.t3
		{
			border: 2px solid #FF8A58;
		}
	</style>
</head>
<body onload="REDIPS.drag.init()">
	<center>
			<!-- tables inside this DIV could contain drag-able content  -->
			
		<div id="drag" style="width:100%;">
				   
				   
			<div style="float: left; width: 70%;">
				<table>
					<colgroup>
						<col width="100"/>
						<col width="100"/>
						<col width="100"/>
						<col width="100"/>
						<col width="100"/>
						<col width="100"/>
					</colgroup>
					<tbody>
						<tr>
							<td class="mark  single" style="background:#CCC;"></td>
							<td></td>
							<td><div id="d16" class="drag t3"><input type="checkbox" name="cb1"/><input type="checkbox" name="cb2"/><input type="checkbox" name="cb3"/></div></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td></td>
							<td><div class="drag">Hello World!</div></td>
							<td></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
                            <td class="dark"><div id="green" class="drag green">Green</div></td>
						</tr>
					</tbody>
				</table>
	  
		</div>
		<div style="float: right; width: 30%;">
				<table>
					<colgroup>
						<col width="100"/>
						<col width="100"/>
						<col width="100"/>
					</colgroup>
					<tbody>
						<tr>
							<td><div class="drag clone climit1"><input type="checkbox" id="cb" /></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
						</tr>
					</tbody>
				</table>
		
		</div>
				

			
				

			
			

			
		</div>
		</center>
</body>
</html>
